{% extends 'base.html' %}

{% block main_body %}
    <div style="min-height: 458px;">
        <section class="content-header">
          <h1>
            实时网络监控
          </h1>
        </section>

          <table class="table table-striped table-bordered table-hover" id="tb">
          <thead>
            <tr>
            <th>No.</th>
            <th>Time</th>
            <th>Source</th>
            <th>Destination</th>
            <th>Protocol</th>
            <th>Length</th>
            <th>Info</th>
            </tr>
          </thead>
          <tbody>
            {% for pcap in res %}
            <tr>
            <td>{{pcap.0}}</td>
            <td>{{pcap.1}}</td>
            <td>{{pcap.2}}</td>
            <td>{{pcap.3}}</td>
            <td>{{pcap.4}}</td>
            <td>{{pcap.5}}</td>
            <td>{{pcap.6}}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>

        <br/>
        <div id="page">
            <br/>
            <br/>
            <br/>
        </div>
    </div>
{% endblock %}